<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="static/css/styles.css">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="logo fl">
                <img src="static/img/logo2.png" alt="云创动力" width="100%" height="100%">
            </div>
            <div class="text fr">
                <a href="http://www.kaifamiao.com">首页</a>
                <a href="http://www.kaifamiao.com">登录</a>
                <a href="http://www.kaifamiao.com">注册</a>
            </div>
        </div>
    </header>
    <section class="banner">
        <div class="container">
            <p>云创大数据基金定投开放社区</p>
            <p>免费提供各类金融数据查询, 助力智能投资与创新型投资。</p>
        </div>
    </section>
    <section class="form">
        <form action="{{ url_for('select') }}" method="post">
            <table cellspacing="0" width="800px" height="300px">
                <tr>
                    <td class="center">请选择要查询的基金：</td>
                    <td>
                        <input type="search" name="code" placeholder="请输入基金代码" list="codes" required>
                        <datalist id="codes">
                            <option value="513100.SH">513100.SH</option>
                            <option value="164702.SZ">164702.SZ</option>
                            <option value="150018.SZ">150018.SZ</option>
                            <option value="512860.SH">512860.SH</option>
                            <option value="159960.SZ">159960.SZ</option>
                            <option value="501062.SH">501062.SH</option>
                            <option value="150028.SZ">150028.SZ</option>
                        </datalist>
                    </td>
                </tr>
                <tr>
                    <td class="center">请输入定投金额(元)：</td>
                    <td>
                        <input type="text" name="money" value="1000" required>
                    </td>
                </tr>
                <tr>
                    <td class="center">请选择定投间隔周期：</td>
                    <td>
                        <select name="cycle" id="cycle" required>
                        </select>
                        <select name="time" id="time" required>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="center">请选择要查询的开始日期：</td>
                    <td><input type="date" name="startDate" required/></td>
                </tr>
                <tr>
                    <td class="center">请选择要查询的开始日期：</td>
                    <td><input type="date" name="endDate" required/></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                         <button class="s_btn" type="submit">查询收益</button>
                         <button class="s_btn" name="compare"  type="submit">对比沪深300查询收益</button>
                    </td>
                </tr>
            </table>
        </form>
    </section>
    <footer>
        <div class="container">
            <div class="text">技术支持：西安云创动力信息科技有限公司 &copy2021</div>
            <div class="code">
                <img src="static/img/ducode.png" alt="微信二维码" width="100%" height="100%">
            </div>
        </div>
    </footer>
    <script src="static/js/index.js"></script>
</body>
</html>